<template>
  <div class="xx" id="app">

        <el-header >
  <el-row>
    <el-col :span="20" :offset="2">
      <el-menu
  class="el-menu-demo"
  mode="horizontal"
  background-color="#409eff"
  text-color="#fff"
  active-text-color="#fff">
  <el-menu-item index="1"><a href="https://www.kaikeba.com">开课吧</a></el-menu-item>

  <el-menu-item index="2">
    <router-link to="/">web全栈课表</router-link>

  </el-menu-item>
  <el-menu-item index="3">
    <router-link to="/js">js高级课表</router-link>

  </el-menu-item>
  <el-menu-item index="4">
    <router-link to="/java">java课表</router-link>

  </el-menu-item>

</el-menu>

      </el-col>
  </el-row>

    </el-header>
  <el-row>
    <el-col :span="20" :offset="2">
      <h1>全栈课</h1>
        <router-view></router-view>

      </el-col>
  </el-row>
  </div>
</template>

<script>

export default {
  name: 'app'
}
</script>

<style lang='scss'>
body{
  margin:0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-bottom:120px;
  /* margin-top: 60px; */
  .el-header{
    padding:0;
    background:#409eff;
  }
  a{
    text-decoration: none;
  }
}

</style>
